<div class="layui-box layui-laypage layui-laypage-default" id="layui-laypage-{$pageData.pageInfo.page}" style="margin-left:300px;">
    <a href="javascript:;" class="layui-laypage-first" title="尾页" data-page="1">首页</a>
    <a href="javascript:;" class="layui-laypage-prev" data-page="{$pageData.pageInfo.prevPage}">上一页</a>
    <for start="$pageData.pageInfo.fromPage" end="$pageData.pageInfo.toPage" comparison="elt" name="i">
        <eq name="i" value="$pageData.pageInfo.page">
            <span class="layui-laypage-curr"><em class="layui-laypage-em self-page-lists"></em><em>{$pageData.pageInfo.page}</em></span>
            <else/>
            <a href="javascript:;"  class="self-page-lists" data-page="{$i}">{$i}</a>
        </eq>
    </for>
    <a href="javascript:;" class="layui-laypage-last" title="尾页" data-page="{$pageData.pageInfo.pageCount}">末页</a>
    <a href="javascript:;" class="layui-laypage-next" data-page="{$pageData.pageInfo.nextPage}">下一页</a>
</div>

<script type="text/javascript" src="/Public/jquery/jquery-1.10.2.min.js"></script>
<script language="javascript" type="text/javascript">

    $(function(){
        var prev_page = "{$pageData.pageInfo.prevPage}";
        var end_page = "{$pageData.pageInfo.pageCount}";
        var next_page = "{$pageData.pageInfo.nextPage}";
        $('.layui-laypage-first').click(function(){$('#pageInput').val(1);$('#form1').submit();});
        $('.layui-laypage-prev').click(function(){$('#pageInput').val(prev_page);$('#form1').submit();});
        $('.layui-laypage-last').click(function(){$('#pageInput').val(end_page);$('#form1').submit();});
        $('.layui-laypage-next').click(function(){$('#pageInput').val(next_page);$('#form1').submit();});
        $('.self-page-lists').click(function(){$('#pageInput').val($(this).data('page'));$('#form1').submit();});
    }) ;
</script>

